<!DOCTYPE html>
<#assign base=req.contextPath />
<html>
	<head>
		<base id="base" href="${base}">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>2018夏令营活动_中小学夏令营_游学夏令营_军事夏令营_暑假夏令营</title>
		<meta name="keywords" content="夏令营,暑期夏令营,中小学夏令营,军事夏令营,青少年夏令营,夏令营活动" />
		<meta name="description" content="快乐夏令营【官网】2018夏令营活动：国内夏令营,英语夏令营,军事夏令营,海外游学夏令营,暑假夏令营,中小学夏令营,青少年夏令营。北京,上海,广州,深圳,杭州,武汉,成都,重庆等城市夏令营。" />
		<link rel="stylesheet" type="text/css" href="${base}/css/common.css" />
		<link rel="stylesheet" type="text/css" href="${base}/css/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${base}/css/pagination.css">
		<link rel="stylesheet" type="text/css" href="${base}/css/shop/module.css" />
		<link rel="stylesheet" type="text/css" href="${base}/css/shop/list.css">
		<script type="text/javascript" src="${base}/js/modules/sys/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="${base}/js/common.js"></script>
		<script type="text/javascript" src="${base}/js/modules/sys/page.js"></script>
	</head>
    <body>

		<!-- 头顶部结构start -->
		<div class="zy_bd_o">
			<div class="auto clearfix">
				<div class="zy_bd_ol">
					<a href="" title="">欢迎您来到开心夏令营！</a>
				</div>
				<div class="zy_bd_or">
					<ul class="zy_bd_or_ul clearfix">
						<li class="zy_bd_or_li zy_bd_or_f">
							<a href="" title="">
								<i class="iconfont icon-gouwuche1"></i>
								购物车(<span>0</span>)件
							</a>
						</li>
						<li class="zy_bd_or_li">
							<a href="/register" title="">
								<i class="iconfont icon-zhuce"></i>
								注册
							</a>
						</li>
						<li class="zy_bd_or_li">
							<a href="/login" title="">
								<i class="iconfont icon-yonghu"></i>
								登录
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 头顶部结构end -->

		<!-- 头部搜索结构start -->
		<div class="zy_hd_search auto clearfix">
			<div class="zy_hd_search_l">
				<a href="/" target="_blank" title="开心夏令营">
					<img alt="开心夏令营" src="https://img3.xhdxly.com/image_2019/logo_he.png" />
				</a>
			</div>
			<div class="zy_hd_search_m" id="zy_hd_search_m">
				<div class="auto">
					<div class="zy_hd_search_mt clearfix">
						<!-- <form action="" method="" name="" id="" target="_blank"> -->
							<input type="text" name="" id="zy_hd_search_mtext" value="" class="zy_hd_search_mtc" placeholder="请输入您要搜索的内容...">
							<div class="zy_hd_search_mtw" id="zy_hd_search_mtw">
								<i class="iconfont icon-sousuo"></i>
								<input type="submit" value="搜索" class="zy_hd_search_mtb">
							</div>    
						<!-- </form> -->
					</div>
					<div class="zy_hd_search_mb">
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
						<a href="" target="_blank" title="我要当兵">我要当兵</a>
					</div>
				</div>
			</div>
			<div class="zy_hd_search_r clearfix">
				<i class="iconfont icon-phone2"></i>
				<div class="zy_hd_search_rt">
					<span class="zy_hd_search_rtt">24小时客服热线</span>
					<span class="zy_hd_search_rtb">400-123-1234</span>
				</div>
			</div>
		</div>
		<!-- 头部搜索结构end -->

		<!-- 导航结构start -->
		<div class="zys_nav">
			<div class="auto">
				<ul class="zys_nav_ul clearfix">
					<li class="zys_nav_li zys_nav_li_ac">
						<a href="" title="" target="_blank">首页</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">学校简介</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">课程分类</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">地区分类</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">线路汇总</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">常见问题</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">学校动态</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">精彩回顾</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">首页</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">首页</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">首页</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">首页</a>
					</li>
					<li class="zys_nav_li">
						<a href="" title="" target="_blank">首页</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 导航结构end -->

		<!-- 轮播结构start -->
		<div class="zy_banner" id="zy_banner">
			<div class="zy_banner_cont">
				<!-- <div class="zy_banner_btns clearfix">
					<a href="javascript:;" class="zy_banner_prev fl">
						<i class="iconfont icon-zuoyou"></i>
					</a>
					<a href="javascript:;" class="zy_banner_next fr">
						<i class="iconfont icon-right"></i>
					</a>
				</div> -->
				<ul class="zy_banner_side">
					<li class="zy_banner_side_item">
						<a href="/" title="" target="_blank">
							<img src="https://img11.xialingying.cc/xlypic/origin/649/643/64964390517893355891.jpg" alt="英孚游学">
						</a>
					</li>
					<li class="zy_banner_side_item">
						<a href="/" title="" target="_blank">
							<img src="https://img11.xialingying.cc/xlypic/origin/526/843/52684361507121885030.jpg" alt="英孚游学">
						</a>
					</li>
					<li class="zy_banner_side_item">
						<a href="/" title="" target="_blank">
							<img src="https://img11.xialingying.cc/xlypic/origin/351/887/35188796088425098430.jpg" alt="英孚游学">
						</a>
					</li>
					<li class="zy_banner_side_item">
						<a href="/" title="" target="_blank">
							<img src="https://img11.xialingying.cc/xlypic/origin/454/844/45484416138697173230.jpg" alt="英孚游学">
						</a>
					</li>
					<li class="zy_banner_side_item">
						<a href="/" title="" target="_blank">
							<img src="https://img11.xialingying.cc/xlypic/origin/323/754/32375491870809997310.jpg" alt="英孚游学">
						</a>
					</li>
				</ul>
				<ol class="zy_banner_slider_num">
					<li class=""></li>
					<li class=""></li>
					<li class=""></li>
					<li class=""></li>
					<li class=""></li>
				</ol>
			</div>
		</div>
		<!-- 轮播结构end -->

		<!-- 面包屑结构start -->
		<div class="zys_crumbs">
			<div class="auto">
				<span>您的位置：</span>
				<a href="" title="">夏令营首页</a>
				<i class="iconfont icon-right"></i>
				<a href="" title="">课程分类</a>
				<i class="iconfont icon-right"></i>
				<a href="" title="">户外活动</a>
			</div>
		</div>
		<!-- 面包屑结构end -->

		<!-- 条件查询结构start -->
		<div class="zys_conditional auto">
			<div class="zys_conditional_t">
				<a href="" class="zys_conditional_tf" title="">全部结果</a>
				<i class="iconfont icon-right"></i>
				<span class="zys_conditional_titem zys_conditional_tfl">
					<span class="zys_conditional_titem_text">国际游学</span>
					<i class="iconfont icon-arrow-down"></i>
					<div class="zys_conditional_tlist">
						<ul class="zys_conditional_tul">
							<#if catagroy??&& (catagroy?size > 0)>
								<#list catagroy as cata>
									<li class="zys_conditional_tli"><a href="javascript:;" class=""  data-cata="${cata.skey}=${cata.sval}" title=${cata.title}>${cata.title}</a> </li>
								</#list>
							</#if>
							<!--<li class="zys_conditional_tli zys_conditional_tli_ac"><a href="" class="active" title="国际游学">国际游学</a> </li>-->
						</ul>
					</div>
				</span>
			</div>
			<div class="zys_conditional_b">
				<#if catagroy??&& (catagroy?size > 0)>
					<#list catagroy as cata>
						<#if cata_index==0>
							<div class="zys_conditional_bwrap" style="display: block;">
						<#else>
							<div class="zys_conditional_bwrap">
						</#if>
							<#if cata.vallist??&& (cata.vallist?size > 0)>
								<#list cata.vallist as list>
									<div class="zys_conditional_ba clearfix">
										<div class="zys_conditional_ba1">${list.title}：</div>
										<div class="zys_conditional_ba2">
											<ul class="zys_conditional_bul clearfix">
												<#if list.vallist??&& (list.vallist?size > 0)>
													<#list list.vallist as item>
														<li class="zys_conditional_bli">
															<a href="javascript:;" data-cata="${item.skey}=${item.sval}" title=${item.title}>${item.title}</a>
														</li>
													</#list>
												</#if>
											</ul>
										</div>
									</div>
								</#list>
							</#if>
						</div>
					</#list>
				</#if>
			</div>
		</div>
		<!-- 条件查询结构end -->

		<!-- 排序查询结构start -->
		<!--<div class="zys_query auto clearfix">-->
			<!--<ul class="zys_query_ul zys_query_sort clearfix">-->
				<!--<li class="zys_query_li">-->
					<!--<a href="" title="">综合</a>-->
				<!--</li>-->
				<!--<li class="zys_query_li">-->
					<!--<a href="" title="">关注度</a>-->
				<!--</li>-->
				<!--<li class="zys_query_li">-->
					<!--<a href="" title="">价格<i class="iconfont icon-xiangxiajiantoucuxiao"></i></a>-->
				<!--</li>-->
				<!--<li class="zys_query_li">-->
					<!--<a href="" title="">营期<i class="iconfont icon-xiangxiajiantoucuxiao"></i></a>-->
				<!--</li>-->
			<!--</ul>-->
			<!--<ul class="zys_query_ul zys_query_theme clearfix">-->
				<!--<li class="zys_query_li">-->
					<!--<a href="javascript:;" title="">全部主题<i class="iconfont icon-arrow-down"></i></a>-->
					<!--<ul class="zys_query_ul_tul">-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
					<!--</ul>-->
				<!--</li>-->
				<!--<li class="zys_query_li">-->
					<!--<a href="javascript:;" title="">活动地点<i class="iconfont icon-arrow-down"></i></a>-->
					<!--<ul class="zys_query_ul_tul">-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
					<!--</ul>-->
				<!--</li>-->
				<!--<li class="zys_query_li">-->
					<!--<a href="javascript:;" title="">招生对象<i class="iconfont icon-arrow-down"></i></a>-->
					<!--<ul class="zys_query_ul_tul">-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
						<!--<li class="zys_query_ul_tli">-->
							<!--<a href="" title="">营期</a>-->
						<!--</li>-->
					<!--</ul>-->
				<!--</li>-->
			<!--</ul>-->
		<!--</div>-->
		<!-- 排序查询结构end -->

		<!-- 主体结构start -->
		<div class="zys_main auto clearfix">
			<div class="zys_main_r">
				<div class="zys_main_rm01">
					<div class="zys_main_rm_cont">
						<ul class="zys_main_rm_ul">
							<#if searchlist.list??&& (searchlist.list?size > 0)>
								<#list searchlist.list as item>
									<li class="zys_main_rm_li clearfix">
										<div class="zys_main_rm_pic">
											<a href="${base}/${item.link}" title=${item.title} target="_blank">
												<img src=${item.imgs} alt=${item.title}>
											</a>
										</div>
										<div class="zys_main_rm_text">
											<a href="${base}/${item.link}" title=${item.title} target="_blank">
												<h2 class="zys_main_rm_title">${item.title}</h2>
												<p class="zys_main_rm_dec">${item.title}</p>
												<span class="zys_main_rm_apply">适合对象：${item.zsdxDesc}</span>
												<span class="zys_main_rm_apply">活动地点：${item.zbcsDesc}&nbsp;&nbsp;&nbsp;&nbsp;营期：${item.xcDesc}</span>
											</a>
										</div>
										<div class="zys_main_rm_p">
											<!--<span class="zys_main_rm_pjg">￥2375<i>/7天</i></span>-->
											<a href="${base}/${item.link}" title=${item.title} target="_blank">查看详情</a>
										</div>
									</li>
								</#list>
							</#if>
						</ul>
					</div>
				</div>
				<div class="pagination" id="pagination" data-page="${searchlist.totalCount},${searchlist.currPage}">

				</div>
			</div>
			<div class="zys_main_l">
				<p class="zys_main_lrm_title">环球游学全部线路</p>
				<div class="zys_main_lrm_cont">
					<ul class="zys_main_lrm_ul">
						<li class="zys_main_lrm_li">
							<div class="zys_main_lrm_pic">
								<a href="" title="">
									<img src="" alt="">
								</a>
							</div>
							<div class="zys_main_lrm_t">
								<a href="" title="" target="_blank">
									<h2 class="zys_main_lrm_ttitle">中国</h2>
									<span class="zys_main_lrm_tp">￥2375<i>/7天</i></span>
								</a>
							</div>
						</li>
						<li class="zys_main_lrm_li">
							<div class="zys_main_lrm_pic">
								<a href="" title="">
									<img src="" alt="">
								</a>
							</div>
							<div class="zys_main_lrm_t">
								<a href="" title="" target="_blank">
									<h2 class="zys_main_lrm_ttitle">中国</h2>
									<span class="zys_main_lrm_tp">￥2375<i>/7天</i></span>
								</a>
							</div>
						</li>
						<li class="zys_main_lrm_li">
							<div class="zys_main_lrm_pic">
								<a href="" title="">
									<img src="" alt="">
								</a>
							</div>
							<div class="zys_main_lrm_t">
								<a href="" title="" target="_blank">
									<h2 class="zys_main_lrm_ttitle">中国</h2>
									<span class="zys_main_lrm_tp">￥2375<i>/7天</i></span>
								</a>
							</div>
						</li>
						<li class="zys_main_lrm_li">
							<div class="zys_main_lrm_pic">
								<a href="" title="">
									<img src="" alt="">
								</a>
							</div>
							<div class="zys_main_lrm_t">
								<a href="" title="" target="_blank">
									<h2 class="zys_main_lrm_ttitle">中国</h2>
									<span class="zys_main_lrm_tp">￥2375<i>/7天</i></span>
								</a>
							</div>
						</li>
						<li class="zys_main_lrm_li">
							<div class="zys_main_lrm_pic">
								<a href="" title="">
									<img src="" alt="">
								</a>
							</div>
							<div class="zys_main_lrm_t">
								<a href="" title="" target="_blank">
									<h2 class="zys_main_lrm_ttitle">中国</h2>
									<span class="zys_main_lrm_tp">￥2375<i>/7天</i></span>
								</a>
							</div>
						</li>
						<li class="zys_main_lrm_li">
							<div class="zys_main_lrm_pic">
								<a href="" title="">
									<img src="" alt="">
								</a>
							</div>
							<div class="zys_main_lrm_t">
								<a href="" title="" target="_blank">
									<h2 class="zys_main_lrm_ttitle">中国</h2>
									<span class="zys_main_lrm_tp">￥2375<i>/7天</i></span>
								</a>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- 主体结构end -->

		<!-- 底部结构start -->
		<div class="zy_ft">
			<div class="auto">
				<div class="zy_ft_t">
					Copyright 2011-2016开乐夏令营lnc All Right Reserved.京ICP备12048575号-1<br/>
					地址:北京市朝阳区南沙滩66号<br/>
					客服电话:400-0733-010 Emaile:service@kuaile.com
				</div>
				<div class="zy_ft_b">
					<ul class="zy_ft_b_ul clearfix">
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
						<li class="zy_ft_b_li">
							<a href="" title="" target="_blank"><img src="" alt=""></a>
						</li>
					</ul>				
				</div>
			</div>
		</div>
		<!-- 底部结构end -->
    </body>
</html>
<script>
	/*轮播图*/
	$(function(){
		$('#zy_banner').sowing({
			// prveBtn: '.zy_banner_prev',
			// nextBtn: '.zy_banner_next',
			atlas: '.zy_banner_side_item',
			subScript: '.zy_banner_slider_num li',
			className:'hover'
		});
	});
	/*条件查询*/
	$(function (){
	    var aCataA = $(".zys_conditional_tlist").find("a");
	    var aA = $(".zys_conditional_b").find("a");
        var queryObject =  UrlSearch();
        function getCataIndex(){
            var i=0;
            aCataA.each(function (index, element) {
                if(queryObject.query.indexOf($(element).attr("data-cata"))>-1){
                    i = index;
                }
            });
            return i;
		}
		/*添加分类下拉选中class*/
        aCataA.eq(getCataIndex()).parent().addClass("zys_conditional_tli_ac").siblings().removeClass('zys_conditional_tli_ac');
        /*添加分类选中文字*/
		$(".zys_conditional_titem_text").html(aCataA.eq(getCataIndex()).text());
        /*根据分类显示对应的查询条件*/
        $(".zys_conditional_bwrap").eq(getCataIndex()).show().siblings().hide();
        /*点击分类*/
        aCataA.click(function(){
            /*添加选中参数*/
            location.href = queryObject.link+'?'+$(this).attr("data-cata");
		});
	    /*删除选中的条件，移除参数*/
		$(".zys_conditional_t").on("click",".zys_conditional_titem_close",function () {
            /*移除参数*/
            var index = queryObject.query.indexOf($(this).attr("data-cata"));
            if (index > -1) {
                queryObject.query.splice(index, 1);
            }
            location.href = locationQuery(queryObject);
        });
        /*点击条件，添加参数*/
        aA.click(function () {
            /*添加选中参数*/
			queryObject.query.push($(this).attr("data-cata"));
			location.href = locationQuery(queryObject);
        });
        /*获取地址栏中参数，添加选中的结构*/
		function getSelecedQuery() {
            var array = [];
            aA.each(function (index,element) {
                if(queryObject.query.indexOf($(element).attr("data-cata"))>-1){
                    $(this).parents('.zys_conditional_ba').hide();
                    array.push({
                        title: $(this).text(),
                        cata: $(this).attr("data-cata")
                    });
                }
            });
            return array;
        }
        /*添加选中的结构*/
        $(".zys_conditional_t").append(addQueryDom(getSelecedQuery()));
    });
    /*拼接链接参数*/
	function locationQuery(obj) {
	    var href = obj.link;
	    if(obj.query.length>0){
	        for(var i=0;i<obj.query.length;i++){
	            if(i==0){
                    href += "?"+obj.query[i];
                }else{
                    href += "&"+obj.query[i];
				}
			}
		}
		return href;
    };
	/*选中参数的结构*/
	function addQueryDom(array) {
	    var temp = '';
		for (var i=0;i<array.length;i++){
            temp += '<i class="iconfont icon-right"></i>'+
                '<a href="javascript:;" class="zys_conditional_titem zys_conditional_titem_red" title="'+array[i].title+'">'+
                array[i].title+
					'<span class="zys_conditional_titem_close" data-cata="'+array[i].cata+'">'+
						'<i class="iconfont icon-x"></i>'+
					'</span>' +
                '</a>';
		}
		return temp;
    }
    /*获取URL参数*/
    function UrlSearch() {
        var name,value;
        var str=location.href; //取得整个地址栏
        if(str.indexOf("?")==-1){
            return {
                link: str,
                query: []
            }
		}
        var num=str.indexOf("?");
		var link = str.substr(0,num);
        str=str.substr(num+1); //取得所有参数   stringvar.substr(start [, length ]
        var arr=str.split("&"); //各个参数放到数组里
        console.log(link)
        for(var i=0;i < arr.length;i++){
            num=arr[i].indexOf("=");
            if(num>0){
                name=arr[i].substring(0,num);
                value=arr[i].substr(num+1);
                this[name]=value;
            }
        }
        return {
            link: link,
			query: arr
		}
    }
</script>